{% load staticfiles %}
<!DOCTYPE html>
<html lang="en">
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="{% static "style/wuziqi.css" %}" />
    <title>五子棋</title>
</head>
<body>
<div class="peripheral">
    <h1 id="title">hello 五子棋</h1>
</div>
<div class="peripheral">
    <canvas id="qipan" width="600px" height="600px"></canvas>
</div>
<div class="peripheral">
    <button id="btn_start"></button>
</div>
<div class="peripheral">
    <button id="btn_script"></button>
</div>
<div class="peripheral">
    <p id="msg"></p>
</div>
</body>
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>
    <script src="https://cdn.bootcss.com/axios/0.16.2/axios.js"></script>
    <script src="{% static "js/wuziqi.js" %}"></script>
    <script src="{% static "js/script.js" %}"></script>
    <script>
        $(function () {
            app.initKey()
            var url = 'http://localhost:8000'
            app.init(url)
            script.init(url)
        })
    </script>
</html>